@charset "utf-8";

body,html{
    width:100%; height:100%;
} 
html {
 
}
.container{
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}
.clearfix:before,.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
  /*IE/7/6*/
}
.left{
	float: left;
}
.right{
	float: right;
}
.br8{
    border-radius: 8px;
    overflow: hidden;
}
.flex-l{
	display: flex; /* 设置为Flexbox布局 */
    justify-content: flex-start; /* 主轴左侧对齐 */
    align-items: center; /* 交叉轴居中对齐 */
}
.flex-r{
	display: flex; /* 设置为Flexbox布局 */
    justify-content: flex-end; /* 主轴右侧对齐 */
    align-items: center; /* 交叉轴居中对齐 */
}
.flex-lr{
	display: flex; /* 设置为Flexbox布局 */
    justify-content: space-between; /* 主轴两端对齐，左侧和右侧的两列会靠边对齐 */
    align-items: center; /* 交叉轴居中对齐 */
}
.flex-cz{
	display: flex; /* 设置为Flexbox布局 */
    align-items: center; /* 交叉轴居中对齐 */
}

/*头部*/
.head{
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    height: 100px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,0));
    transition: all .3s;
}
.head::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, .25);
}
.head-container {
    width: 94%;
    margin-right: auto;
    margin-left: auto;
    display: flex; /* 设置为Flexbox布局 */
    justify-content: space-between; /* 主轴两端对齐，左侧和右侧的两列会靠边对齐 */
    align-items: center; /* 交叉轴居中对齐 */
}
.head-baibg{
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
.head-baibg .sitelogo{
    background-image: url(logo_hei.png);
}
.head-baibg .navBar h3 a{
    color: #333;
}
.head-baibg .sitelogo{
    background-image: url(logo_hei.png);
}
.head-baibg .search{
    color: #333;
}


/*logo*/
.sitelogo{
    margin-right: auto;
    background: url(logo_default.png) no-repeat center center;
    display: block;
    height: 60px;
    width: 369px;
}

/*主导航*/
.navBar{
    z-index:1;
    float: left;
}
.nav .m{
    float:left;
    position: relative;
}
.nav h3{
    font-size:100%;
    font-weight:normal;
    font-size:20px;
    padding-right: 30px;
    padding-left: 30px;
}	
.nav h3 a{
    zoom:1;
    line-height:100px;
    display:block;
    color: #fff;
    position: relative;
    height: 100px;
}
.nav h3 a::before {
	content: "";
	position: absolute;
	width: 0;
	right: 0;
    bottom: 0;
	height: 4px;
	background: #bd2d31;
	transition: all .3s ease;
}
.nav h3 a:hover::before,.nav>li.on h3 a::before{
    width: 100%;
	right: auto;
	left: 0;
}
.nav>li.on h3 a{
    color:#bd2d31;
}

.nav .sub{
    display:none;
    position:absolute;
    top:100%;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 5px 5px rgba(0,0,0,.2);
    background-color: #fff;
    width: 100%;
}
.nav .sub li a{
    display:block;
    zoom:1;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    transition: all .3s;
}
.nav .sub li a:hover{
    background-color: #bd2d31;
    color: #fff;
    width: 100%;
}

/*搜索*/
.search{
    font-size: 20px;
    float: left;
    height: 100px;
    width: 50px;
    text-align: center;
    position: relative;
    cursor: pointer;
    line-height: 100px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
}
.search form {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center; 
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}
.search form .keybord {
    height: 28px;
    width: 180px;
    border: none;
    overflow: hidden;
    line-height: 28px;
    vertical-align: middle;
}
.search form .submit {
    font-size: 20px;
    height: 30px;
    width: 32px;
    border: none;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-color: #fff;
    outline: none;
}
.search:hover form{
    opacity: 1;
    visibility: visible;
}


/*底部*/
.foot {
	background-color: #333;
	width: 100%;
	color: #afafaf;
	font-size: 14px;
	line-height: 2em;
}
.foot a{
    color: #afafaf;
}
.foot a:hover {
    color: #fff;
}
.foot dl{
	border-top: 1px solid #afafaf;
}
.foot dt {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.foot-top {
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 50px;
}
.footlogo {
	overflow: hidden;
}
/*
.footlogo .f-logo img {
    transform: translateX(-100%);
    filter: drop-shadow(369px 0 #afafaf);
}
*/
.footlogo .f-erweima img{
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: auto;
	width: 100px;
}
.footlogo .f-erweima p {
    text-align: center;
}
.footlinks,
.footmenu {
	width: 200px;
	margin-right: 50px;
}
.footcontact .f-tel {
	font-size: 32px;
	line-height: 2em;
}
.foot-bottom {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-top: 1px solid #555;
	
}



.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li ul li{ display:inline-block;}
.sjj_nav ul li ul li a{ width:auto; border:none;}
.sjj_nav> ul> li> ul{ border-top:1px solid #ddd;}
.sjj_nav> ul> li> ul li{ border:none;}
.sjj_nav ul li ul{ padding:10px 0;}
.sjj_nav ul li a{color:#666;width:100%; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#015fa5}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{ margin:0 5px;}
.clr{ clear:both;}
.searchwap { position:absolute; right:70px; top:0; height:50px; line-height:50px; font-size:22px;}
.wap_searchbox{ z-index:1000;  position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.search_box{  max-width:500px;position:absolute;top:35%; left:50%; transform:translate(-50%,-50%); -transform:translate(-50%,-50%); width:95%; height:auto;}
.wap_searchbox #keybord{ font-size:16px;   box-sizing: border-box; padding:0 15px; width:calc(100% - 50px); float:left; height:50px; color:#333;}
.wap_searchbox .submit { width:50px; float:right; height:50px; line-height:50px; color:#fff;     background: #1b53ee !important;
    border: none;}
.closebtn{ font-size:60px; position:absolute; right:20px; top:20px; color:#fff;}
.wap_searchbox{ display:none;}

.index-yewu li p{ font-size:14px; color:#fff; margin-top:5px;}

.gallery-thumbs{border-bottom:1px solid #e2e2e2;}
.gallery-thumbs a{ display:block; text-align:center; padding:10px 5px;
 
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
}

.gallery-thumbs  .swiper-slide-thumb-active a{ color:#1b53ee; border-bottom:2px solid #1b53ee;}

@media screen and (max-width:1480px){
html{
	font-size: calc(100vw/14.8);
}
.index-linktxt li{ width:23%; margin:1%;}
.index-linktxt li a{ width:100%;box-sizing: border-box;}
.index-linktxt{ margin-top:20px;}
.index-zhuanti li{ width:23%; margin:1%; height:auto;}
.index-zhuanti li img{ width:100%;}
.index-topbanner .bd li img{ width:100%; height:100%; object-fit:cover;}
.cydwlist li{ width:31.33%; margin:1% !important;}
.cydwlist li .pic{ width:100%;  height:2.5rem;}
.cydwlist li .pic img{ width:100%; height:100%; object-fit:cover;}
	 .nav h3{ padding:0 15px;}
	.index-topbanner, .index-topbanner .bd li{ height:800px;}
.container{ padding-left:40px; padding-right:40px; box-sizing:border-box;}
.index-focus{ width:48%;}
.index-yaowen{ width:49%;}
.index-focus img{ width:100%; height:100%;}
.section{ padding-top:1rem; padding-bottom:1rem;}
.index-focus li{ height:480px;}
.index-title .i-title .zh{ font-size:30px;}
.index-title .i-title .en{ font-size:20px;}
.index-yaowen .hd li a{ font-size:18px;}
.index-yaowen .bd li .title{ font-size:14px;}
.index-title{ margin-bottom:.4rem;}
.index-yewu{ max-width:1400px; margin:0 auto; width:100%; height:6rem;}
.index-yewu li a{ height:6rem;}
.index-about-link .fgx{ display:none;}
.index-about-link .zlm{ width:25%; padding-right:10px;}
.index-about-link .zlm .btm i{ font-size:18px;}
.index-about-link .zlm .btm{ font-size:14px;}
.index-about-link .zlm .icon{ margin:0 auto;}
.index-about-link .zlm .btm{    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;}
.footlinks, .footmenu{ width: 18%; margin-right:1%;}
.footlogo { width:26%;}
.footcontact { width:30%;}
.f-logo img{ max-width:100%;}
.column-topbanner{ height:5rem; padding-left:40px; box-sizing:border-box;}
.channelname .channelname-zh{ font-size:.4rem;}
.channelname .channelname-en{ font-size:.5rem;}
.channelname{ bottom:1.6rem;}
.danye-box{ padding:.6rem 1rem;}
.danye-title{ font-size:.4rem;}
.danye-con{ margin-top:.6rem;}
.subnav dd a{ line-height:50px;}
.main-top{ height:50px;}
.fzlclist-right{ width:calc(100% - 250px)}
.fzlclist-right .title{ line-height:1.8; margin-bottom:15px;}
.sitepath{ margin-top:14px;}
.danye-yewu .text{ width:45%;}
.danye-yewu .pic{ width:52%;}
.danye-yewu .pic img{ width:100%; height:100%; object-fit:cover;}
.lxwmbox dd{ width:25%; padding:0 20px; box-sizing:border-box;}
	}
@media screen and (max-width:1240px){
	 .nav h3{ padding:0 15px; font-size:16px;}
	 .sitelogo{    width: 220px;background-size: 100% auto !important;}
	.index-topbanner, .index-topbanner .bd li{ height:8rem !important;}
.index-yaowen .hd li{ width:25%; text-align:center; margin:0;}
.index-yaowen .bd li .title{ width:calc(100% - 80px);}
.index-about-intro .title{ font-size:20px;}
.index-about-intro{ padding:.5rem .8rem;}
.index-about-intro .text{ font-size:14px;}
.article_box{ padding:.5rem .8rem;}
.article_con img{ max-width:100%;}
.pageupnext li{ line-height:1.8;}
.danye-con p{ font-size:14px; line-height:1.8;}
.lxwmbox dd .icon{ width:80px; height:80px; line-height:80px;}
.lxwmbox dd h3{ font-size:18px;}
.index-topbanner .hd{ bottom:10px !important;}
.index-topbanner .prev, .index-topbanner .next{ margin-top: -28px !important;}
	}
@media screen and (max-width:992px){
	 .nav h3{ padding:0 5px; font-size:14px;} 
	.index-topbanner, .index-topbanner .bd li{ height:500px;}
.index-topbanner .bd li .by{ font-size:30px;}
.container{ padding-left:20px; padding-right:20px;}
.index-yewu li .title{ font-size:18px;}
.index-yewu li .icon{ width:50px; height:50px;}
.index-yewu li a:hover .more{ margin-top:.6rem;}
.article_box h1{ font-size:20px;}

.subnav dd a{ padding:0 20px; line-height:40px;}
}
@media screen and (max-width:768px){
.article_box h1{ line-height:1.6; margin-bottom:10px;}
.pc{ display:none;}
.wap{ display:block;}	.index-topbanner, .index-topbanner .bd li{ height:300px;}
.index-topbanner .bd li .by{ font-size:18px;}
.index-topbanner .bd li{ text-align:center; padding:0 5px; box-sizing:border-box;}
.index-topbanner .prev, .index-topbanner .next{ font-size:36px;}
.index-topbanner .hd li{ width:20px;}
.index-topbanner .hd{ bottom:10px;}
.index-focus{ width:100%; height:8rem; margin-bottom:20px;}
.index-focus .title{ height:40px; font-size:14px; line-height:40px;}
.index-yaowen{ width:100%;}
.index-focus ul{width:100%;  height:100%;}
.index-yaowen .bd li .date i:nth-child(1){ font-size:22px;}
.index-yewu li .title{ font-size:14px; padding:0 10px;}
.index-yewu li .icon{ width:30px; height:30px;}
.index-about-link .zlm .btm i{ display:block;}
.index-about-link .zlm .btm{ display:block; font-size:14px;}
.index-about-link .zlm .btm i{ font-size:18px;}
.index-about-link .zlm{ padding:0 5px;}
.index-about-link{ margin-top:25px;}
.index-about-link .zlm .icon{ width:35px; height:35px;}
.index-title .i-title .zh{ font-size:22px;}
.index-title .i-title .en{ font-size:16px;}
.index-about-link .zlm .icon img{ max-width:100%; margin:0 auto;}
.footlogo{ width:100%; margin-bottom:15px;}
.footlogo img{ margin:0 auto;    display: block;}
 .footmenu{ display:none;}
.footlinks{ width:100%; margin:0;}
.footcontact{ width:100%; float:none;}
.foot-bottom p{ font-size:14px;}
.foot-bottom a{ display:block;}
.danye-con p{ font-size:14px; line-height:1.8;}
.danye-title{ font-size:20px;}
.subnav{        white-space: nowrap;
        overflow: auto;}
.subnav dd{ width:auto; text-align:center; display:block; float:left;}
.subnav dd a{ font-size:14px; padding:0 15px;}
.danye-box{ padding:20px;}
.channelname .channelname-zh{ font-size:20px;}
.channelname{ bottom:50px;}
.channelname .channelname-en{ font-size:24px;}
.danye-con img{ height:auto !important;}
.fzlclist-left{ font-size:14px; width:105px;line-height: 30px;
    height: 30px;}
.fzlclist:before{ left:97px;}
.fzlclist-right {
    width: calc(100% - 115px);
}
.fzlclist-right .title{ font-size:16px;}
.fzlclist-right .listintro{ font-size:14px;}
.fzlclist-right .pic img{ width:auto; max-width:100%;}
.fzlclist{ padding-top:30px; padding-bottom:40px;}
.fzlclist li{ margin-bottom:30px;}
.publiclist li a .pic{ display:none;}
.publiclist li a{ padding:20px;}
.publiclist li a .intro{ margin-bottom:10px; margin-top:5px;}
.publiclist li a .title{ font-size:16px;}
.publiclist li{ margin-top:15px;}
.main{ padding-top:30px; padding-bottom:30px;}
.pageupnext li{ font-size:14px;}
.article_con{ padding-top:30px; padding-bottom:30px;}
.article_foot{ margin-top:20px;}
.sitepath{ font-size:12px;}
.danye-yewu .text h3 img{ width:40px; height:40px;}
.danye-yewu .text h3{ line-height:40px; font-size:18px;}
.danye-yewu .text p{ font-size:14px;}
.danye-yewu li{ display:block; padding-top:5.3rem; position:relative;}
.danye-yewu .text{ width:100%;}
.danye-yewu .pic{ width:100%;  height:5rem; position:absolute; top:0; left:0; }
.danye-yewu .text p{ margin-top:5px;}
.danye-yewu li{ margin-top:30px;}
.article_info{ height:auto; width:100%; display:block; text-align:center;}
.article_size a,.article_size span{ float:none; margin-bottom:5px;}
.article_size {}
.lxwmmap{ height:8rem; margin-top:30px;}
.lxwmmap img{  width:100%; height:100% !important; object-fit:cover;}
.lxwmbox dd{ width:48%; margin:1%;}
.index-focus li{ height:100%;}
.index-about-link .zlm{ float:left; }
.index-about-link .zlm{padding:0 2px; box-sizing:border-box; width:48%; margin:1%; margin-bottom:15px;}
.index-about-link{ display:block;}
.footlinks,.f-logo{ display:none;}
.footlogo{ padding-top:20px;}
.foot-top{ padding-top:30px; padding-bottom:30px;}
.index-yewu li p{ line-height:1.2; font-size:12px;}
.index-yewu li a{ height:4.5rem;}
.index-yewu li a:hover .more{ margin-top:0.2rem;}
.index-yewu{ height:auto; background-size:cover;}

.index-yewu li{ width:100%; float:none;}
.index-yewu li a:hover .more{ font-size:14px; line-height:25px; padding:0 15px;}
.subnav{display:flex;}
.gallery-thumbs a{ font-size:15px;}
.article_size{ display:none;}
.article_time{ padding-bottom:20px;}

.cydwlist li{ width:100%; margin:0 !important;}
.cydwlist li .pic{   height:auto;}
.cydwlist li .title{ text-align:center; font-size:14px; padding:0 6px; height:40px; line-height:40px;}
.searchlist li a{ padding:20px;}
.searchlist li .time span{ font-size:12px; display:inline-block; margin:0;}
.searchlist li .time{ display:flex;justify-content:space-between}
.searchlist li .title{font-size:16px;}
}